<section>
  <div id="adminUserList{{dataIndex}}" [ngStyle]="tagData.cssStyle | styleFilter" *ngFor="let item of tagData.data.data, let dataIndex = index" class="information">
    <div class="informationMessage">
      <div appDebounceClick (debounceClick)="go(item)" class="main-box">
        <div class="informationImg" *ngIf="item.img !== undefined" appDebounceClick (debounceClick)="previewImage(item.img,1,item.imageIsPreView)" [ngStyle]="item.leftCssStyle | styleFilter">
          <img [src]="item.img" onerror="this.src='assets/img/default_img.png'" class="defaultImg">
          <img *ngIf="item.phoneIcon" appDebounceClick (debounceClick)="iconClick(item.phoneIconBtn,$event)" class="phoneIcon" [src]="item.phoneIcon" [ngStyle]="item.phoneIconCssStyle | styleFilter">
        </div>
        <div [ngClass]="{'noImageInformation': item.img === undefined}" class="informationRight" [ngStyle]="item.rightCssStyle | styleFilter">
          <div class="firstClassBox" [ngStyle]="item.boxCssStyle | styleFilter">
            <p class="fristClass">
              <span class="fristClassTitle" *ngIf="item.title">{{item.title}}</span>
              <ng-container *ngFor="let tagItem of item.upTags">
                <span class="title-tag" [ngStyle]="tagItem.cssStyle | styleFilter"><img class="title-icon" 
                  *ngIf="item.icon" [src]="item.icon">{{tagItem.label}}</span>
              </ng-container>
              <img *ngIf="item.topIcon" class="fristClass-icon" [src]="item.topIcon">
            </p>
            <div class="info-box">
              <div class="second-left">
                <p *ngIf="item.expLabel" class="second-exp">
                    <span [ngStyle]="item.expLabel?.labelCssStyle | styleFilter">{{item.expLabel?.label}}</span>
                    <span [ngStyle]="item.expLabel?.valueCssStyle | styleFilter">{{item.expLabel?.value}}</span>
                </p>
                <p class="secondClass">
                  <span *ngIf="item.phoneTitle" [ngStyle]="item.phoneTitle?.cssStyle | styleFilter">{{item.phoneTitle?.label}}</span>
                  <span [ngStyle]="item.phoneTitle?.phoneCssStyle | styleFilter">{{item.phone}}</span>
                </p>
                <p class="downTags">
                  <ng-container *ngFor="let downTagItem of item.downTags">
                    <span *ngIf="downTagItem.label" [ngStyle]="downTagItem.cssStyle | styleFilter">{{downTagItem.label}}</span>
                  </ng-container>
                  <ng-container *ngIf="item.rightLabel">
                    <span [ngStyle]="item.rightLabel?.labelCssStyle | styleFilter">{{item.rightLabel?.label}}</span>
                    <span [ngStyle]="item.rightLabel?.valueCssStyle | styleFilter">{{item.rightLabel?.value}}</span>
                  </ng-container>
                </p>
              </div>
              <!-- 搜索设计师页面 右侧 提示文本展示 -->
              <span class="tip" *ngIf="item.tip" [ngStyle]="item.tipCssStyle | styleFilter">{{item.tip}}</span>
              <img *ngIf="item.newButtons === undefined" src="assets/icon/expert_icon_phone_laijian@3x.png" class="second-phone"
                appDebounceClick (debounceClick)="call($event,item.phone,item.title)" />
            </div>
          </div>
        </div>
      </div>
      <div class="buttonBox" [ngStyle]="item.buttonBoxCssStyle | styleFilter">
        <div class="moreButtons" appDebounceClick (debounceClick)="morebtnClick(item.moreLink,dataIndex)" [ngStyle]="item.moreButtonCssStyle | styleFilter" [ngClass]="{'moreButtons_h': item.newButtons !== undefined}">
          <ng-container *ngIf="item.moreLink">
            更多
          </ng-container>
        </div>
        <div class="buttons">
          <ng-container *ngFor="let btnItem of item.buttons">
            <span class="spanBtn" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)">{{btnItem.text}}</span>
          </ng-container>

          <!-- 蜂喔商户V1.8.0 新增newButtons -->
          <ng-container *ngFor="let btnItem of item.newButtons;let i = index">
            <span class="newSpanBtn" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)" [ngClass]="{'btnEnd': i == item.newButtons?.length - 1}">{{btnItem.text}}</span>
          </ng-container>
        </div>
      </div>
      <!-- 蜂喔商户V1.8.0 新增newButtons 不用分割线 -->
      <div *ngIf="item.newButtons === undefined" class="lineStyle"></div>
    </div>
  </div>
  <div class="noData" *ngIf="(tagData.data.data.length === 0)||( !tagData.data.data)">
    <ng-container *ngIf="tagData?.hint; else noDataElseTemplate">
      <span class="noData-span">{{tagData?.hint}}</span>
    </ng-container>
    <ng-template #noDataElseTemplate>
      <span class="noData-span">暂无数据</span>
    </ng-template>
  </div>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>